﻿<%@ Page Title="Registro - Four Hoteles" Language="C#" MasterPageFile="~/Hoteles.Master" AutoEventWireup="true" CodeBehind="Registro.aspx.cs" Inherits="HotelesWeb.Registro" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <!-- Ini.Style -->
    <link href="Content/Styles/Propios/registro.css" rel="stylesheet" />
    <script src="Scripts/Propios/Registro.js"></script>
    <!-- Fin.Style -->
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="Cuerpo" runat="server">
    
    <div id="contentRegistro">
        <div id="pasosRegistro">
            <ul>
                <li id="liDatosPersonales" class="pasoSeleccionado">Datos personales</li>
                <li id="liDatosLogin">Datos login</li>
                <li id="liFinalizarRegistro">Finalizar registro</li>
            </ul>
        </div>
        <div id="infoForm">
            <span>Rellene todos los datos para poder acceder a Four Hoteles, por favor:</span>
        </div>
        <div id="contentPasos">
            <div class="paso" id="contentDatosPersonales">
                <div class="contentForm">
                     <table>
                        <tr>
                            <td class="td-label"><label for="Nombre">Nombre</label></td>
                            <td><input type="text" id="Nombre" name="Nombre" value="" required="required"/></td>
                        </tr>
                        <tr>
                            <td class="td-label"><label for="PrimerApellido">Primer Apellido</label></td>
                            <td><input type="text" id="PrimerApellido" name="PrimerApellido" value="" required="required"/></td>
                        </tr>
                        <tr>
                            <td class="td-label"><label for="SegundoApellido">Segundo Apellido</label></td>
                            <td><input type="text" id="SegundoApellido" name="SegundoApellido" value="" required="required"/></td>
                        </tr>
                        <tr>
                            <td class="td-label"><label for="FechaNacimiento">Fecha de nacimiento</label></td>
                            <td><input id="FechaNacimiento" type="text" name="FechaNacimiento" value="" required="required"/></td>
                        </tr>
                        <tr>
                            <td class="td-label"><label for="Email">Email</label></td>
                            <td><input id="Email" type="email" name="Email" value="" required="required"/></td>
                        </tr>
                    </table>
                </div>
                <div class="imagenForm">
                    <img src="Content/Images/hreg1.png" />
                </div>
                <div class="contentBotones">
                    <button id="btnSeguir">Seguir</button>
                </div>
            </div>

            <div class="paso" id="contentDatosLogin">
                <div class="contentForm">
                    <table>
                        <tr>
                            <td class="td-label"><label for="Usuario">Usuario:</label></td>
                            <td><input id="Usuario" type="text" name="Usuario"/>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-label"><label for="PassNueva">Contrase&ntildea:</label></td>
                            <td><input id="PassNueva" type="password" name="PassNueva"/></td>
                        </tr>
                        <tr>
                            <td class="td-label"><label for="RepetirPass">Repetir contrase&ntilde;a:</label></td>
                            <td><input id="RepetirPass" type="password" name="RepetirPass"/></td>
                        </tr>
                    </table>
                </div>
                <div class="imagenForm">
                    <img src="Content/Images/hreg2.png" />
                </div>
                <div class="contentBotones">
                    <button id="btnHaciaFinalizarRegistro">Seguir</button>
                    <button id="btnHaciaDatosPersonales">Volver</button>      
                </div>
            </div>

            <div class="paso" id="contentFinalizarRegistro">
                <div class="contentForm">
                     <table>
                        <tr>
                            <td class="td-label"><label for="Direccion">Direccion</label></td>
                            <td><input id="Direccion" type="text" name="Direccion" value="" /></td>
                        </tr>
                        <tr>
                            <td class="td-label"><label for="Poblacion">Población</label></td>
                            <td><input type="text" id="Poblacion" name="Poblacion" value="" required="required"/></td>
                        </tr>
                        <tr>
                            <td class="td-label"><label for="Provincia">Provincia</label></td>
                            <td><input type="text" id="Provincia" name="Provincia" value="" required="required"/></td>
                        </tr>
                        <tr>
                            <td class="td-label"><label for="Telefono">Teléfono</label></td>
                            <td><input title="El teléfono debe contener nueve dígitos" pattern="|^\d{9}$|" id="Telefono" name="Telefono" value="" required="required"/></td>
                        </tr>
                    </table>
                </div>
                <div class="imagenForm">
                    <img src="Content/Images/hreg3.png" />
                </div>
                <div class="contentBotones">
                    <button id="btnGuardarUsuario">Finalizar</button>
                    <button id="btnVolverDatosLogin">Volver</button>
                </div>
            </div>
            
        </div>
    </div>
</asp:Content>
